.login_box{
    width: 100%;
    height: 100%;
    background-color: skyblue;
    display: flex;
    justify-content: center;
    align-items: center;

    > .login {
        width: 500px;
        border: 3xp solid yellow;
        padding: 20px {
          top: 100px;
        };
        background-color: #fff;
        position: relative;
        
        >.avatar {
            width: 150px;
            height: 150px;
            border: 2px solid pink;
            background-color: #ffff;
            position: absolute;
            top: 10px;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
            border-radius: 50%;
            overflow: hidden;

            > img{
                width: 150px;
                height: 150px;
            }
        }
    }
}